﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>联系我们-上海耀微科技</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="shortcut icon" type="image/png" href="favicon.png">
		<!---<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">--->
		<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="css/font-awesome.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="page-preloader"><span class="spinner"></span></div>
		<header th:replace="www/header :: myheader"  ></header>
		<!-- header -->
		<div class="breadcrumbs-wrapper">
			<ul class="breadcrumbs">
				<li><a href="index.html" class="home"><i class="fa fa-home" aria-hidden="true"></i></a></li>
				<li><a>联系我们</a></li>
			</ul>
		</div>
		<!-- breadcrumbs-wrapper -->
		<section class="content-wrapper">
			<div class="container">
				<div class="title">
					<h1>联系我们</h1>
				</div>
				<div class="row">
					<div class="col-md-8">
						<div class="clear">
							<div class="contact-block pic1">
								<h5>与我们会面</h5>
								<p>上海市浦东新区</p>
							</div>
							<div class="contact-block pic2">
								<h5>Phone</h5>
								<p>+86 13651819457 <br> +86 13482195699</p>
							</div>
							<div class="contact-block pic3">
								<h5>E-mail</h5>
								<p>lxy@yao-wei.com <br> yxl@yao-wei.com</p>
							</div>
							<div class="contact-block pic4">
								<h5>Site</h5>
								<p><a href="http://yao-wei.com">http://yao-wei.com</a></p>
							</div>
						</div>
						<p><i>耀微科技诞生于上海，一座美丽的而又魅力无限的城市。百年来，从一个小的渔村城市发展为中国第一，乃至世界前列的超大城市。愿我们公司也能在上海这个巨大而坚实的摇篮中茁壮成长，发挥出自己的无限魅力。</i></p>
					</div>
					<div class="col-md-4 contact-area">
						<h4>联系表</h4>
						<div class="input-block name-form">
							<input type="text" placeholder="姓名">
						</div>
						<div class="input-block phone-form">
							<input type="text" placeholder="电话">
						</div>
						<div class="input-block email-form">
							<input type="text" placeholder="E-mail">
						</div>
						<div class="input-block message-form">
							<textarea placeholder="留言"></textarea>
						</div>
						<input type="submit" value="发送留言" style="暂不可用" disabled="disabled">
					</div>
				</div>
				<div class="map" style="display:none;"></div>
			</div>
		</section>
		<!-- content-wrapper -->
		<footer th:replace="www/footer :: myfooter"  ></footer>
		<!-- footer -->
		<!-- scripts -->	
		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/lightbox.min.js"></script>
		<script src="js/lib/shuffle.js"></script>	
		<script src="js/lib/swiper.min.js"></script>
		<script src="js/lib/waypoints.min.js"></script>		
		<script src="js/script.js"></script>
	</body>
</html>
